<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%> 
		<div class="block01">
            <ul id="myGallery">
            	<s:iterator value="slideshowEvent" var="slideshow">
                <li> <img alt="image" src="<s:property value="#slideshow.image"/>" />
                    <div class="gv-panel-overlay">
                        <h3><s:property value="#slideshow.title"/></h3>
                        <p><s:property value="#slideshow.content"/></p>
                    </div>
                </li>
                </s:iterator>
            </ul>
        </div>
        <script type="text/javascript">
	        $(document).ready(function() {
	            $('#myGallery').galleryView({
	                 show_overlays : true,
	                 panel_width : 685,
	                 panel_height : 295,
	                 frame_height : 38,
	                 frame_width : 64,
	                 overlay_opacity : 0.75,
	                 transition_speed : 400,
	                 transition_interval : 4000,
	                 nav_theme : 'light',
	                 pause_on_hover : false
	             });
	         });
        </script>